<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <link rel="stylesheet" href="./elementuiStyle.css">
</head>
<body>
    <div id="app">
        <el-select v-model="value" placeholder="请选择" clearable>
            <el-option
              v-for="item in 3"
              :key="item"
              :label="item"
              :value="item">
            </el-option>
        </el-select>
        <div>
            布局2
            <iframe :src="'iframePage.html' + '?value=' + value"></iframe>
        </div>
    </div>
</body>
</html>

<script src="./vu2js.js"></script>
<script src="./elementuijs.js"></script>

<script>
    new Vue({
        el: '#app',
        data: {
           value: ''
        },
        created() {
        },
        // watch: {
        //     value: {
        //         handler(newValue) {
        //             if (newValue) {
        //                 let ifeam =  document.createElement('iframe')
        //                 ifeam.src = `iframePage.html?value=${this.value}`
        //                 document.body.appendChild(ifeam)
        //             }
        //         }
        //     }
        // }
    })
</script>